<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport"
          content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"
    />
    <title>合拍街</title>
    <link href="../css/style.css" rel="stylesheet" type="text/css"/>
    <link href="../css/find.css" rel="stylesheet" type="text/css"/>
    <link href="../iconfont/iconfont.css" rel="stylesheet" type="text/css"/>
</head>

<body>
<header id="header">
    <a href="index.html" class="iconfont fl">&#xe63f;</a>
    <div class="title">发现</div>
    <a href="#" class="iconfont fr">&#xe6a0;</a>
</header>
<div class="content">
    <div class="find-detail">
        <div class="clearfix">
            <div class="fl">
                <img class="title" src="../images/user_mini.png"/>
            </div>
            <div class="fl">
                <p class="first">【其它】 广州地铁</p>
                <p class="time">2017年12月21 15:29创建</p>
            </div>
        </div>
        <div class="info">
            <p>地区</p>
            <p class="title">广州广东</p>
        </div>
        <div class="info">
            <p>介绍</p>
            <p class="title">随手</p>
        </div>
        <div class="info">
            <p>0条约拍</p>
        </div>
        <div class="info">
            <a href="../ranking/code.html">
                <img class="code" src="../skin/xhdpi/qrcode.png" />
                <span>分享二维码</span>
            </a>

        </div>
        <div class="btn">
            <a href="release.html">+发布约拍</a>
        </div>
    </div>
    <div class="yp-info">
        <p>还没有约拍信息，赶快去发布一个抢占头条</p>
    </div>
</div>

<footer id="footer" class="foot">
    <ul>
        <li>
            <a class="home" href="../index.html">
                <p>首页</p>
            </a>
        </li>
        <li class="active">
            <a class="find" href="index.html">
                <p>发现</p>
            </a>
        </li>
        <li>
            <a class="camera" href="../ranking/index.html">
                <p>合拍榜</p>
            </a>
        </li>
        <li>
            <a class="person" href="../user/user_login.html">
                <p>我的</p>
            </a>
        </li>
    </ul>
</footer>
</body>

<script>
    $(function () {
        var $ul = $('.lisWrap');
        console.log($ul);
        $ul.on('click', 'li:nth-child(8)', function () {
            $(this).nextAll().toggleClass('active');
        })
    })
</script>

</html>